@import "reset";
@charset "UTF-8";
* {
    padding: 0;
    margin: 0;
}
  .app{
      width: 100%;
      height: 100vh;
    background-image: url(../img/index1.png); 
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-attachment: fixed;
}
.web {
    position: relative;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
   
    .img-top {
        position: absolute;
        width: r(300px);
        height: r(130px);
        top: 30%;
        left:r(180px);
        img {
            width: 100%;
        }
    }
}

.nan {
    position: absolute;
    top: 80%;
    left: r(90px);
    width: r(150px);
    height: r(150px);
    background-color: #62b5d3;
    border-radius: 50%;
    color: white;
    font-size: r(50px);
    border: 1px solid transparent; 
    outline: none;    
}

.nv {
    position: absolute;
    top: 80%;
    right: r(90px);
    width: r(150px);
    height: r(150px);
    background-color: #62b5d3;
    border-radius: 50%;
    color: white;
    color: white;
    font-size: r(50px);
    border: 1px solid transparent; 
    outline: none;    
}

